<template>
  <div class="cpns-nuxt">
    <h2>cpns-nuxt</h2>

    <ClientOnly fallback-tag="h3" fallback="loading...">
      <div>
        <h3>ClientOnly</h3>
        <h4>ClientOnly</h4>
        <h4>ClientOnly</h4>
        <h4>ClientOnly</h4>
      </div>
    </ClientOnly>

    <ClientOnly>
      <div>我只会在 client 渲染</div>
      <template #fallback>
        <h2>服务器端渲染的 loading 页面</h2>
      </template>
    </ClientOnly>
  </div>
</template>

<script setup lang="ts"></script>

<style lang="less" scoped>
  .cpns-nuxt {
  }
</style>
